<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<style type="text/css">
table {
	width: 70%;
	margin: 0 auto;
	border-collapse: collapse;
	table-layout: fixed;
}

th,td {
	border: 1px solid black;
	padding: 10px;
	text-align: center;
}

.bdtitle {
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cpage {
	font-size: 2em;
	font-weight: bold;
	color: red;
}

.center {
	text-align: center;
}
</style>
<div id="content">
	<h2>게시판</h2>
	<table>
		<colgroup>
			<col style="width: 10%" />
			<col />
			<col style="width: 15%" />
			<col style="width: 20%" />
			<col style="width: 10%" />
		</colgroup>
		<tr>
			<th>번호</th>
			<th>제목</th>
			<th>작성자</th>
			<th>작성일</th>
			<th>조회</th>
		</tr>
		<tr>
			<td>1</td>
			<td class="bdtitle"><a href="view.jsp">게임빌, 컴투스 700억원에 인수</a></td>
			<td>jwj8508</td>
			<td>2013. 12. 19</td>
			<td>10</td>
		</tr>
		<tr>
			<td>2</td>
			<td class="bdtitle"><a href="view.jsp">닐리리야 니나노</a></td>
			<td>jwj8508</td>
			<td>2013. 12. 18</td>
			<td>12498</td>
		</tr>
		<tr>
			<td>3</td>
			<td class="bdtitle"><a href="view.jsp">또이또이 똘또또잌</a></td>
			<td>jwj8508</td>
			<td>2013. 12. 18</td>
			<td>9542</td>
		</tr>
		<tr>
			<td>4</td>
			<td class="bdtitle"><a href="view.jsp">으잌으잌으잌으아악</a></td>
			<td>jwj8508</td>
			<td>2013. 12. 18</td>
			<td>96587</td>
		</tr>
		<tr>
			<td>5</td>
			<td class="bdtitle"><a href="view.jsp">꾸잌 니뇨니니니꾸잌 니뇨니니니꾸잌
					니뇨니니니꾸잌 니뇨니니니꾸잌 니뇨니니니</a></td>
			<td>정원진</td>
			<td>2013. 12. 15</td>
			<td>6324</td>
		</tr>
		<tr>
			<td>6</td>
			<td class="bdtitle"><a href="view.jsp">수지 짜응</a></td>
			<td>정원진</td>
			<td>2013. 12. 13</td>
			<td>96585</td>
		</tr>
		<tr>
			<td>7</td>
			<td class="bdtitle"><a href="view.jsp">수지는 수지수지하다</a></td>
			<td>정원진</td>
			<td>2013. 12. 11</td>
			<td>90356</td>
		</tr>
		<tr>
			<td>8</td>
			<td class="bdtitle"><a href="view.jsp">수지가 수지수지한건 수지니까</a></td>
			<td>정원진</td>
			<td>2013. 12. 10</td>
			<td>97652</td>
		</tr>
		<tr>
			<td>9</td>
			<td class="bdtitle"><a href="view.jsp">수지수지한 수지</a></td>
			<td>정원진</td>
			<td>2013. 12. 09</td>
			<td>65487</td>
		</tr>
		<tr>
			<td>10</td>
			<td class="bdtitle"><a href="view.jsp">오오오우악</a></td>
			<td>정원진</td>
			<td>2013. 12. 01</td>
			<td>653</td>
		</tr>
	</table>
	<p class="center">
		◀ ◁◁ <span class="cpage">1</span> 2 3 4 5 6 7 8 9 ▷▷ ▶
	</p>
</div>